*{box-sizing:border-box;margin:0;padding:0}
        body {
            font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,sans-serif;
            background:linear-gradient(135deg,#1f1f1f 0%,#000000 100%);
            min-height:100vh;
        }
        .container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            align-items:center;
            justify-content:center;
            width:100%;
            max-width:900px;
            background:#dadada;
            border-radius:20px;
            padding:36px;
            box-shadow:0 10px 30px rgba(122, 122, 122, 0.22)
        }
        h1 {
            text-align:center;
            font-size:2.4rem;
            margin-bottom:6px;
            background:linear-gradient(135deg,#494949,#000000);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent
        }
        .subtitle {
            text-align:center;
            color:#666;
            margin-bottom:24px
        }

        .upload-area { 
            /*border:3px dashed #000000;*/ /*#7b5fb7*/
            border-radius:12px;
            padding:48px;
            text-align:center;
            /*background:rgba(118,75,162,0.05);*/
            cursor:pointer
        }
        .file-list { 
            margin-top:20px;
            max-height:420px;
            overflow:auto
        }
        .file-item {
            display:flex;
            align-items:center;
            justify-content:space-between;
            background:#f8f9fa;
            padding:14px;
            border-radius:10px;
            margin-bottom:12px
        }
        .file-details { 
            display:flex;
            flex-direction:column
        }
        .file-name {
            font-weight:700;
            color:#222
        }
        .file-size {
            font-size:.9rem;
            color:#666
        }
        .status-badge {
            padding:6px 10px;
            border-radius:18px;
            font-weight:600}
            .status-pending {
                background:#000000;
                color:#ffffff
            }
            .status-converting {
                background:#000000;
                color:#fff
            }
            .status-completed {
                background:#000000;
                color:#fff
            }
            .status-error {
                background:#b50011;
                color:#fff
            }
            .controls {
                display:flex;
                gap:12px;
                justify-content:center;
                margin-top:18px}
            .btn {
                padding:10px 18px;
                border-radius:10px;
                border:none;
                font-weight:700;
                cursor:pointer
            }
            .btn-primary {
                background:linear-gradient(135deg,#494949,#000000);
                color:#fff
            }
            .btn-danger {
                background:#b22222;
                color:#fff
            }
            .btn-success {
                background:#000000;
                color:#fff
            }
            .hint {
                margin-top:8px;
                color:#777;
                font-size:.93rem;
                text-align:center
            }
            .error-text {
                color:#000000;
                font-size:.9rem;
                margin-left:12px
            }